<!doctype html>
<html>
  <head>
    <script type="text/javascript" src="jquery-1.7.min.js"></script>
    <script type="text/javascript" src="jquery.cantipi.js"></script>
    <script type="text/javascript">
      $().ready(function(){
    
        $(".ctp").cantipi({size: 150, roundto: 1});

      })
    </script>
  </head>
  <body>
    <form action="" method="get">
      <input class="ctp" name="time" type="text" style="position: absolute; top: 40px; left: 68px;"><br>  
    </form>    

    <div style="float: right;">
      <p id="pa"></p>
      <p id="pd"></p>
      <p id="px"></p>
      <p id="py"></p>
      <p id="ph"></p>
      <p id="pm"></p>

    </div>
  
  </body>
</html>


